﻿/* #QYHD#STYLE.CSS
#QYHD#主CSS的调用框架文件

#QYHD#文件说明：
main.css - #QYHD#包含了当前的几个页面的样式和头部底部等公共样式
ie6.css - #QYHD#针对IE6的专有样式，此文件需要直接在网页的<head></head>中调用
#QYHD#如果有新的样式，可以直接在下面引入进来*/
@import url("css/main.css");

/* #GWJ# 响应式设计的css，只在首页使用，不能单独分出去文件
#GWJ#如果将文件单独分出去，ie8下无法应用样式*/

/*#GWJ#responsive design css
#GWJ# metro 块儿会被分成1～3列

#GWJ# 手机:	0~610px
#GWJ# 小屏幕:	611px~1000px
#GWJ# 中屏幕:	1001px~1400px
#GWJ# 大屏幕:	1400px~

#GWJ#*/

.box{
	width:377px;
}


#container #index_main{
	float:right;
}

/* #GWJ# 1 列没有左边栏菜单 */
@media only screen and (max-width: 610px){
	#header{
		height:auto;
		margin:0;
		padding:0;
	}
	#header #logo{
		margin:10px auto;
		width:243px;
		height:64px;
	}
	#header #search{
		display:block;
		height:auto;
		float:none;
		margin:10px 0;
		line-height:150%;
		text-align:left;
	}
	#header #search form{
		margin:0;
		padding:0;
	}
	#header #search #s{
		width:283px;
		margin:0;
	}
	* html #header #search #s{
		width:275px;
	}
	*+html #header #search #s{
		width:275px;
	}
	#header #profile {
		float:none;
		height:50px;
	}
	#header #profile .avatar,#header #profile #status{
		margin-top:0;
	}
	#container{
		margin-top:0;
	}
	#wrapper {
		width:373px;
	}
	#container #index_sidebar{
		float:none;
		position:static;
		_margin-left:0;/*ie 6 修复边距*/
	}
	#container #index_main{
		float:left;
		margin-left:0;
		width:373px;
	}
	#footer{
		position:static;
	}
	#footer .foot_menu,#footer .copyright{
		float:none;
		text-align:center;
		margin-bottom:10px;
	}
	#footer .foot_menu ul li{
		float:none;
		display:inline;
		margin:5px 10px;
	}
	body #noticebar{
		display:none;
	}
	body{
	   background:#134429;
	}
}

/* #GWJ# 1列 有左边栏菜单 */
@media only screen and (min-width: 611px) and (max-width: 1000px){
	#header{
		height:100px;
	}
	* html #header{
		height:110px;
	}
	* html #header #search input{
		width:235px;
	}
	*+html #header #search input{
		width:235px;
	} 
	#header #search input{
		width:245px;
	}		
	#header #profile {
		float:right;
	}
	#container{
		clear:both;
	}
	#wrapper {
		width:590px;
	}
	#container #index_main{
		width:373px;
	}
	#footer{
		clear:both;
		position:static;
	}
}
/* #GWJ# 2列 */
@media only screen and (min-width: 1001px) and (max-width:1400px){
	#header #search input{
		width:280px;
	}
	#header #profile {
		clear:none;
		float:right;
	}
	#container #index_main{
		width:770px;
	}
	#wrapper {
		width:980px;
	}
	#footer{
		clear:both;
		position:static;
	}
}



